.fix-padding-safe {
  padding-bottom: 32px;
}

h1 {
  font-weight: 600;
  min-height: 66px;
  line-height: 66px;
  font-size: 48px;
}
h2 {
  font-size: 36px;
  min-height: 48px;
  line-height: 48px;
  font-weight: 600;
}
h3 {
  line-height: 48px;
  font-size: 32px;
  font-weight: 600;
}

.h3-before {
  position: relative;
  padding: 0 42px;
  &:before {
    position: absolute;
    content: '';
    height: 28px;
    top: 0;
    transform: translateY(10px);
    width: 6px;
    border-radius: 3px;
    left: 30px;
    background: var(--van-primary-color);
  }
}


.font-weight {
  font-weight: 600;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis(@n) {
  display: -webkit-box;
  -webkit-line-clamp: @n;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
}


.custom-indicator-swipe {
  position: relative;
  z-index: 20;
  width: 100%;
  aspect-ratio: 16 / 9;
  img {
    width: 100%;
    height: 100%;
  }
  .custom-indicator {
    position: absolute;
    width: 76px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    text-align: center;
    color: #fff;
    right: 32px;
    bottom: 32px;
    background: rgba(0, 0, 0, .5);
  }
}
